﻿<%@ Page Title="" Language="C#" MasterPageFile="~/MasterPage.master" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="Templates_BrochureHolder_Default" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">
<style>
#content #top {
    background: none
    }
</style>
<script>
    $(document).ready(function() {

        $('.cblLanguage span label').each(function(index) {

        txt = $(this).text();
            $(this).addClass(txt)
            //txt = $(this).text;
            //$(this).addClass(txt)
        });

        $('#<%= cblProducts.ClientID%> input:checkbox, #<%= cblLanguages.ClientID%> input:checkbox').click(function() {
            $('#<%= btnApplyFilter.ClientID %>').click();
        });

        initjScrollPane();
        //$('.cblLanguage span label').addClass($('.cblLanguage span label').text);
    })    

</script>
    
   
   <acms:StyleSheet ID="StyleSheet1" runat="server" Path="~/Css/thickbox.css" /> 
   <acms:JavascriptFile ID="JavascriptFile1" runat="server" Path="~/Scripts/thickbox-compressed.js" />
   
   <asp:Panel runat="server" ID="pnlCheckAllCheckBoxList" Visible="false">
    <script type="text/javascript">
            $(document).ready(function() {
                $('.checkboxList input:checkbox').attr('checked', 'checked');
            });
        </script>
    </asp:Panel>



</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="contentTop" Runat="Server">
    <div id="top" class="gallery clearfix" style="">
        <div class="filterCol">
            <h3>Products</h3>
            <acms:CheckBoxList ID="cblProducts" CssClass="checkboxList cblProduct clearfix" DataTextField="Name" DataValueField="Id" runat="server" /></li>
            
            <h3>Language</h3>
            <acms:CheckBoxList ID="cblLanguages" CssClass="checkboxList cblLanguage clearfix" DataTextField="Name" DataValueField="Id" runat="server" /></li>
            
            <asp:HiddenField ID="txtFirstFilter" runat="server" Value="0" />
            
            <div class="controlsHolder">
                <asp:ImageButton ImageUrl="~/Images/transparent.gif" ID="btnApplyFilter" CssClass="" Text="" OnClick="btnApplyFilter_Click" runat="server" />
            </div>
        </div>

        <div class="rcol scroll-pane " style="height: 315px;">
            
            <telerik:RadAjaxLoadingPanel ID="loading" InitialDelayTime="0" MinDisplayTime="2" BackColor="LightGray" Transparency="10" Height="100%" Width="100%" runat="server">
                <div class="loading" style="width:100%;height:100%;margin-top:100px;">
                    <img alt="Loading..." src='<%= RadAjaxLoadingPanel.GetWebResourceUrl(Page, "Telerik.Web.UI.Skins.Default.Ajax.loading.gif") %>' style="border: 0px;" />
                </div>
            </telerik:RadAjaxLoadingPanel>
            
            
            <telerik:RadAjaxManager ID="ajaxManager" ClientEvents-OnResponseEnd="onResponseEnd" DefaultLoadingPanelID="loading"  runat="server">
                <AjaxSettings>
                    <telerik:AjaxSetting AjaxControlID="btnApplyFilter">
                        <UpdatedControls>
                            <telerik:AjaxUpdatedControl ControlID="dlFeed" />
                        </UpdatedControls>
                    </telerik:AjaxSetting>
                </AjaxSettings>
            </telerik:RadAjaxManager>
            
            <acms:SimpleRepeater ID="dlFeed" DataSourceID="dsList" AllowPaging="false" runat="server">
                <ItemTemplate>
                    <div class="thumbnail">
                        <span class="lcol">
                            <asp:HyperLink CssClass="thickbox" runat="server" ID="lnkThumb">
                                <acms:PostThumbnail CssClass="" ID="PostThumbnail" runat="server" RenderWidth="92"/>
                            </asp:HyperLink>
                        </span>
                        <div class="rcol">
                            <h4><acms:PostDisplayName ID="PostDisplayName1" runat="server" /></h4>
                            <div><acms:PostPublishFrom ID="postPublishFrom" Format="dd/MM/yy" runat="server" /></div>
                            <div class="actions">
                                <acms:PdfContentControlDisplay Text="Download" runat="server" Target="_blank" ControlName="pdfDownload" ID="pdfDownload" CssClass="action download" />
                            </div>
                        </div>
                    </div>
                </ItemTemplate>
            </acms:SimpleRepeater>
            
            
            <acms:PostDataSource ID="dsList" runat="server" />
        </div>
        
        <div class="clearfix" style="clear:both"></div>
        <div id="subNav" style="" class="clearfix">
            <ul id="navApplications">
                <acms:SimpleRepeater ID="dlNavSiblings" DataSourceID="dsSibling" AllowPaging="false" runat="server">
                    <ItemTemplate>
                            <li runat="server" id="navLi" class="sibling" >
                                <asp:HyperLink ID="lnkNav" CssClass="navApplication" NavigateUrl="#" runat="server" />
                            </li>
                        </ItemTemplate>
                    </acms:SimpleRepeater>
            </ul>
            
            
            <ul id="navDetails">
               
            </ul>
        </div>
        <acms:PostDataSource ID="dsSibling" runat="server" />
        
        <div id="pageTitle" class="clearfix">
            <h1><acms:PostDisplayName ID="PostDisplayName" runat="server" /></h1>
            <%--<a href="#" id="moreInfo" class="off">More Info</a>--%>
        </div>
    </div>
    
    <!-- facebook dialog -->
<!-- overlays -->
<%--<div class="simple_overlay" id="image1">
	<img runat="server" src="~/Images/dbImages/gallery-image-large.jpg" />
</div>

<div class="simple_overlay" id="image2">
	<img src="http://farm4.static.flickr.com/3346/3449388113_71a06b8548.jpg" />
</div>--%>

<%--<div id="facebox">
    <div>
    <h2>Facebox</h2>
    <p>This dialog is opened programmatically when the page loads. There is no need for a trigger element.</p>
    <p style="color:#666">To close, click the Close button or hit the ESC key.</p>
		<!-- yes/no buttons -->
		<p>
			<button class="close"> Close </button>
		</p>
	</div>
</div>
--%>
</asp:Content>

<asp:Content ID="Content3" ContentPlaceHolderID="ContentBase" Runat="Server" Visible="false"></asp:Content>

